<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    <title>Album</title>
    <link rel="icon" href="/CyanZhong/pics/logo.png">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!-- css -->
	<link rel="stylesheet" type="text/css" href="css/common.simple.css">
	<link rel="stylesheet" type="text/css" href="css/album.css">
	<!-- js -->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/nav.js"></script>
	<script type="text/javascript" src="js/album.js"></script>
  </head>
  
  <body>
  	<div id="bgm">
  		<audio src="/CyanZhong/music/bgm.mp3" preload="auto" autoplay controls loop></audio>
  	</div>
    <div id="ps_slider" class="ps_slider">
		<a class="prev disabled"></a>
		<a class="next disabled"></a>
		<div id="ps_albums">
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album1/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>The Night</h2><span>Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity.Top Cat! The indisputable leader!</span></div></div>
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album2/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>Lovely Dreams</h2><span>Abundantly fowl of you'll fly moved i evening there whales creeping very kind green. Of have after lights saying.</span></div></div>
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album3/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>Insane Art</h2><span>Also female divide fruitful wherein upon, fruitful great fourth likeness given subdue cattle deep abundantly set place night stars fill.</span></div></div>
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album4/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>Prime Time</h2><span>And did the Countenance DivineShine forth upon our clouded hills? And was Jerusalem builded here among these dark Satanic Mills?</span></div></div>
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album5/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>House, Baby!</h2><span>You can have all the faith you want in spirits, and the afterlife, and heaven and hell, but when it comes to this world, don't be an idiot.</span></div></div>
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album6/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>Run away</h2><span>Without contraries is no progression. Attraction and repulsion, reason and energy, love and hate, are necessary to human existence.</span></div></div>
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album7/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>Longing</h2><span>So hath under years itself seasons life divided signs light were god fruitful evening a. Fruitful.</span></div></div>
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album8/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>Heartbreaks</h2><span>A light moving. Moved was abundantly created, over sixth above grass after grass.</span></div></div>
			<div class="ps_album" style="opacity:0;"><img src="/CyanZhong/albums/album9/thumb/thumb.jpg" alt=""/><div class="ps_desc"><h2>Fearful Water</h2><span>If the doors of perception were cleansed everything would appear to man as it is, infinite.</span></div></div>
		</div>	
	</div>
	<div id="ps_overlay" class="ps_overlay" style="display:none;"></div>
	<a id="ps_close" class="ps_close" style="display:none;"></a>
	<div id="ps_container" class="ps_container" style="display:none;">
		<a id="ps_next_photo" class="ps_next_photo" style="display:none;"></a>
	</div>
  </body>
</html>
